<template>
  <div id="app">
    <keep-alive :include="keepAliveList" :exclude="notKeepAliveList">
      <router-view />
    </keep-alive>
    <loading v-show="isShowLoading"></loading>
    <preview-image v-if="isPreviewImage"></preview-image>
    <slide-menu v-if="isShowMenu"></slide-menu>
  </div>
</template>
<script>
import { mapGetters } from "vuex";
import routerConfig from "./router/routerConfig";
export default {
  name: "App",
 
  computed: {
    ...mapGetters(["isShowLoading", "isPreviewImage", "isShowMenu"]),
    keepAliveList() {
      return routerConfig.keepAliveList.toString();
    },
    notKeepAliveList() {
      return routerConfig.notKeepAliveList.toString();
    }
  }
};
</script>
<style lang="scss">
:root {
  --pColor: #e54847;
}
* {
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
#app {
  width: 100vw;
  height: 100vh;
}
::-webkit-scrollbar {
  display: none;
  background: transparent;
}
</style>
